FE-1182: Show horizontal scrollbar in entities table view by claude[bot] · Pull Request #8997 · hashintel/hash

claude · 2026-07-09T17:03:34Z

Requested by Tim Diekmann · Slack thread

🌟 What is the purpose of this PR?

Before: on the /entities page table view, there is no horizontal scrollbar whenever the "Show more entities" bar is present (i.e. whenever more rows are available than the 500 loaded), so columns wider than the viewport are unreachable by scrollbar.

After: the grid's native horizontal scrollbar is visible at the bottom of the table, above the "Show more entities" bar, and all columns are reachable.

How: the "Show more entities" bar was rendered position: absolute over the bottom of the grid, offset upwards by a scrollbar height that was measured only once, from the first .dvn-scroller in the document, in an effect keyed on rows.length. That measurement is 0 whenever the effect runs before the grid's scroller has mounted (glide-data-grid renders an empty placeholder until its ResizeObserver reports a size, and rows.length never changes again to re-trigger the effect), and always 0 with overlay scrollbars (macOS). With a measurement of 0, the 60px white bar sat at bottom: 0 and covered the grid's horizontal scrollbar completely. This PR renders the bar in normal flow below the grid instead, shrinking the grid by the bar's height so the total footprint is unchanged, and deletes the scrollbar-size measurement and the experimental.paddingBottom overlay compensation entirely. This avoids any scrollbar-size measurement, so it cannot reintroduce the measurement feedback loop being removed from useScrollLock in #8995.

🔗 Related links

Reported in Slack (internal)
Not related to FE-1181: Fix entity slide-over jitter from scroll-lock feedback loop #8995 (scroll-lock only touches document.body, and the grid scrolls inside its own .dvn-scroller); the overlay pattern predates the recent entities-visualizer refactors, and H-6512, H-6625: Improve loading, org invites, action bell routing #8917 made it show based on nextCursor != null.

🚫 Blocked by

Nothing.

🔍 What does this change?

apps/hash-frontend/src/pages/shared/entities-visualizer/entities-table.tsx:
- removed the horizontalScrollbarHeight/verticalScrollbarWidth state and the one-shot document.querySelector(".dvn-scroller") measurement effect
- the "Show more entities" Stack is now a normal flow child below the Grid (no position: absolute / bottom / width compensation)
- the Grid height subtracts the bar height when the bar is shown, keeping the table's total height budget
- dropped experimental.paddingBottom, which existed only to keep the last row visible under the overlaid bar

Pre-Merge Checklist 🚀

🚢 Has this modified a publishable library?

This PR:

does not modify any publishable blocks or libraries, or modifications do not need publishing

📜 Does this require a change to the docs?

The changes in this PR:

are internal and do not require a docs change

🕸️ Does this require a change to the Turbo Graph?

The changes in this PR:

do not affect the execution graph

⚠️ Known issues

The bar now sits below the grid's rounded bottom corners instead of covering them; visually it remains attached via its top border and white background.

🐾 Next steps

Verify whether queryEntitySubgraph returns a non-null cursor on the final page: if so, the "Show more entities" bar (and a no-op fetch) shows even when everything is already loaded — worth a separate follow-up.

🛡 What tests cover this?

None automated; the change is layout-only in a component without existing tests.

❓ How to test this?

Open /entities in a web with more than 500 entities (so the "Show more entities" bar appears).
Confirm a horizontal scrollbar is visible at the bottom of the grid, above the "Show more entities" bar, and that dragging it reaches the rightmost columns.
Click "Show more entities" and confirm rows append and the scrollbar remains.
Check a result set under 500 entities: no bar, grid at full height, scrollbar unchanged.

📹 Demo

N/A (no screenshot available; reporter could not provide one either).

🤖 Generated with Claude Code

https://claude.ai/code/session_01243QS3xBEGK8T8fmZ4PMeA

Generated by Claude Code

Linear issue: FE-1182

vercel · 2026-07-09T17:03:42Z

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
hash	Ready	Preview, Comment	Jul 16, 2026 12:45pm

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
hashdotdesign-tokens	Ignored	Preview	Jul 16, 2026 12:45pm
petrinaut	Skipped		Jul 16, 2026 12:45pm

cursor · 2026-07-09T17:18:33Z

PR Summary

Low Risk
Layout-only change in a single table component with no auth, data, or API impact; known minor visual trade-off at the grid’s bottom corners.

Overview
Fixes the entities table on /entities so the horizontal scrollbar stays visible when the “Show more entities” bar is shown (more than 500 rows).

The bar is no longer absolutely positioned over the bottom of the grid. It sits in normal document flow under the Grid, with the grid height reduced by 60px when the bar is present so the overall layout budget is unchanged. Removed the useEffect + document.querySelector(".dvn-scroller") scrollbar size state (which often read 0 before mount or on overlay scrollbars and fully covered the scrollbar), experimental.paddingBottom, and unused useEffect import.

^{Reviewed by Cursor Bugbot for commit 8fe1d8d. Bugbot is set up for automated code reviews on this repo. Configure here.}

The 'Show more entities' bar was absolutely positioned over the bottom of the grid, offset by a scrollbar height measured once from the first .dvn-scroller in the document. The measurement was 0 whenever the effect ran before the grid's scroller mounted (and always with overlay scrollbars), so the bar sat at bottom: 0 and covered the grid's native horizontal scrollbar, leaving columns unreachable by scrollbar. Render the bar in normal flow below the grid instead, shrinking the grid by the bar's height so the total footprint is unchanged. This removes the scrollbar measurement and the experimental paddingBottom overlay compensation entirely. Co-Authored-By: Claude <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01243QS3xBEGK8T8fmZ4PMeA

cursor

Cursor Bugbot has reviewed your changes and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit 80f1fa3. Configure here.}

Better to just set min/max heights when we can actually properly do the height calculation math

github-actions Bot added area/apps > hash* Affects HASH (a `hash-*` app) type/eng > frontend Owned by the @frontend team area/apps labels Jul 9, 2026

claude Bot assigned TimDiekmann Jul 9, 2026

vercel Bot deployed to Preview – hash July 9, 2026 17:10 View deployment

claude Bot changed the title ~~Fix hidden horizontal scrollbar on the entities table view~~ FE-1182: Show horizontal scrollbar in entities table view Jul 9, 2026

claude Bot marked this pull request as ready for review July 9, 2026 17:18

cursor Bot reviewed Jul 9, 2026

View reviewed changes

Comment thread apps/hash-frontend/src/pages/shared/entities-visualizer/entities-table.tsx

claude Bot requested review from CiaranMn and lunelson July 9, 2026 17:21

alex-e-leon force-pushed the claude/entities-table-horizontal-scroll branch from bb754ce to 0a3d18f Compare July 16, 2026 11:35

vercel Bot temporarily deployed to Preview – petrinaut July 16, 2026 11:35 Inactive

vercel Bot deployed to Preview – hash July 16, 2026 11:51 View deployment

Allow entities table to grow when there is space

80f1fa3

alex-e-leon force-pushed the claude/entities-table-horizontal-scroll branch from ddb8eaf to 80f1fa3 Compare July 16, 2026 12:15

vercel Bot temporarily deployed to Preview – petrinaut July 16, 2026 12:15 Inactive

alex-e-leon previously approved these changes Jul 16, 2026

View reviewed changes

alex-e-leon enabled auto-merge July 16, 2026 12:16

cursor Bot reviewed Jul 16, 2026

View reviewed changes

Comment thread apps/hash-frontend/src/pages/shared/entities-visualizer/entities-table.tsx

Decided to go back to existing entity-table height calc

8fe1d8d

Better to just set min/max heights when we can actually properly do the height calculation math

alex-e-leon dismissed their stale review via 8fe1d8d July 16, 2026 12:30

vercel Bot temporarily deployed to Preview – petrinaut July 16, 2026 12:30 Inactive

vercel Bot deployed to Preview – hash July 16, 2026 12:45 View deployment

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

FE-1182: Show horizontal scrollbar in entities table view#8997

FE-1182: Show horizontal scrollbar in entities table view#8997
claude[bot] wants to merge 3 commits into
mainfrom
claude/entities-table-horizontal-scroll

claude Bot commented Jul 9, 2026 •

edited

Loading

Uh oh!

vercel Bot commented Jul 9, 2026 •

edited

Loading

Uh oh!

cursor Bot commented Jul 9, 2026 •

edited

Loading

Uh oh!

Uh oh!

cursor Bot left a comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Milestone

Development

Uh oh!

3 participants

Uh oh!

Conversation

claude Bot commented Jul 9, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🌟 What is the purpose of this PR?

🔗 Related links

🚫 Blocked by

🔍 What does this change?

Pre-Merge Checklist 🚀

🚢 Has this modified a publishable library?

📜 Does this require a change to the docs?

🕸️ Does this require a change to the Turbo Graph?

⚠️ Known issues

🐾 Next steps

🛡 What tests cover this?

❓ How to test this?

📹 Demo

Uh oh!

vercel Bot commented Jul 9, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

cursor Bot commented Jul 9, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

PR Summary

Uh oh!

Uh oh!

cursor Bot left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Milestone

Development

Uh oh!

3 participants

claude Bot commented Jul 9, 2026 •

edited

Loading

vercel Bot commented Jul 9, 2026 •

edited

Loading

cursor Bot commented Jul 9, 2026 •

edited

Loading